﻿/*
 *
 * (c) Copyright Ascensio System Limited 2010-2023
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
*/


// -------------------------
// Main parameters
// -------------------------

@imagesBaseUrl: "../default/imagescss/";
@img-change-url: "../dark-img/"; // for images of different color themes

@body-color: #333;
@bodyColor2: #333;

@borderColor: #474747;
@activeTable: #474747;
@bg-dashboard: #333;
@bg-container: #333;
@textColor: rgba(255, 255, 255, 0.92);
@borderColor2: #474747;
@menu-selected-bg: #555555;
@bg-settings-block: #333;
@bg-dashboard-title: #FFF;
@bg-dropdown-separator: #555555;
@bg-border-base: #242424;
@bg-tint-medium: #333;
@bg-a-activate: #fff;

@popup-bg-color: #3D3D3D;
@popup-helper-col: rgba(255, 255, 255, 0.92);
@popup-helper-bor: #3D3D3D;
@corner-help-block: #3D3D3D;
@corner-help-block-before: #3D3D3D;
@corner-help-block-before-2: #3D3D3D;
@addition-info: #474747;
// Top Studio Panel
// -------------------------
@bg-header: #242527;
@bg-header-icons: #033260;
@bg-button-hidden-tabs: rgba(255,255,255,0.2);

@bg-header-icon-lable: #31A4E3;
@defaultButtonTextColor: #333;
@datepick-ui-bg: #3D3D3D;
@ui-state-highlight: #474747;

@bg-main-container: #333;
// Left Navigation Menu
// -------------------------
@color-active-item: #31A4E3;

@bg-is-new: #8CC444;
@bg-is-new-hover: #A3CD6D;

// Buttons style
// -------------------------

@bg-create-new: #8CC444;
@bg-create-new-hover: #A3CD6D;
@bg-create-new-disable: #648040;


@bg-button-action: #CCCCCC;
@bg-button-action-hover: #FAFAFA;
@bg-button-action-active: #858585;
@bg-button-action-disable: #545454;

@bg-button-grey-phone: #CCCCCC;
@bg-button-grey-phone-hover: #FAFAFA;
@bg-button-grey-phone-active: #858585;
@bg-button-grey-phone-disable: #545454;

@bg-button-default: #333;
@bg-button-default-hover: #333;
@bg-button-default-active: #333333;
@bg-button-default-disable: #333;

@bg-progress-dialog-header: #404040;

@bg-button-default-menuAction: #333333;
@bg-button-default-hover-menuAction: #3D3D3D;
@bg-button-default-active-menuAction: #292929;
@bg-button-default-disable-menuAction: #333333;

// Buttons border style
// -------------------------

@border-button-default: #666666;
@border-button-default-hover: #FAFAFA;
@border-button-default-active: #292929;
@border-button-default-disable: #3D3D3D;
@border-button-default-item-row: #FAFAFA;

@border-button-default-menuAction: #474747;
@border-button-default-hover-menuAction: #3D3D3D;
@border-button-default-active-menuAction: #292929;
@border-button-default-disable-menuAction: #3D3D3D;
// Entity menu colors
// -------------------------
@entity-menu-color: #C4C4C4;
@entity-menu-active-color: #3b72a7;


// Adv filter colors
// -------------------------

@advfilter-combobox-btns: #888888;
@advfilter-combobox-bkgd: #333333;
@advfilter-reset-btn: #545454;
@advfilter-add-btn-plus: #292929;
@advfilter-add-btn-bkgd: #545454;

@advfilter-loupe: #858585;

@contentMenu: #333;

@buttons-checkbox-on-color: #333;
@buttons-chackbox-off-color: #858585;
@buttons-checkbox-on-bg: #FFFFFF;
@buttons-checkbox-off-bg: #333333;
@buttons-checkbox-off-bor: 1px solid #474747;
@buttons-checkbox-on-off-color: #666666;
@buttons-checkbox-on-off-bg: #505050;
@ui-datapicker-color: #fff;

@advansed-filter-container-bor: #474747;
@filter-item-span-title: #858585;
@advfilter-color: #fff;
@hoverTable: #474747;
@back-ground-text: #292929;
@text-edit-calendar: #474747;
@disabled: #545454;
@invite-border: #474747;
@switcher: #333;
@backdrop-bg: #141414;
@user-photo-dialog: #292929;
@user-photo-dialog-bor: #474747;
@border-ui-datepicker: #474747;
@border-ui-datepicker-dark: #333;
@bg-ui-datepicker-dark: #333;
@color-ui-datepicker-dark: #fff;
@menu-selected-bg-filter: #3d3d3d;

//toastr
@toast-container-success-bg: #474747;
@toast-container-warning-bg: #474747;
@toast-container-error-bg: #474747;
@toast-container-info-bg: #474747;

@toast-bg: #474747;
@toast-success: #474747;
@toast-error: #474747;
@toast-info: #474747;
@toast-warning: #474747;

@toast-bg-bor: 1px solid #030303;
@toast-success-bor: 1px solid #85C752;
@toast-error-bor: 1px solid #C76E52;
@toast-info-bor: 1px solid #f1da92;
@toast-warning-bor: 1px solid #f1ca92;

@toast-success-hover: 1px solid #A2E072;
@toast-error-hover: 1px solid #DF8A70;
@toast-info-hover: 1px solid #f1da92;
@toast-warning-hover: 1px solid #f1ca92;

@toast-bg-color: #030303;
@toast-success-color: #85C752;
@toast-error-color: #C76E52;
@toast-info-color: #f1da92;
@toast-warning-color: #f1ca92;

@toast-success-color-hover: #A2E072;
@toast-error-color-hover: #DF8A70;
@toast-info-color-hover: #f1da92;
@toast-warning-color-hover: #f1ca92;


@bor-col-adv-fil: #474747;
@active-color-button-group: #474747;
@active-color-bg-button-group: #858585;


@checkboxes-img: "dark-checkboxes.png";
@hmenu-selected-img: "hmenu-selected-dark.png";

@border-line-profile: #666;
@menu-item-svg: #BDBDBD;


@checkbox-accent-color: rgb(238, 238, 238);
@checkbox-color-sheme: dark;

@corner-img: "corner-dark.png";
@jquery-custom-color: rgba(255, 255, 255, 0.92);
@jquery-icons-light: "ui-icons_cccccc_256x240.png";
@jquery-icons-light-hover: "ui-icons_ffffff_256x240.png";
@sort-down: #BDBDBD;
@sort-down-gray: #BDBDBD;
@tl-combobox-container-hover: #474747;
@linkColor: #3DB8EC;

@help-center-notelist-bg: #3D3D3D;
@help-center-notelist-color: #BDBDBD;
@help-center-content-a-col: #F58D31;
@asc-datepicker-bg:none;
@textColorBlackDark: #FAFAFA;
@grayButtonTextColorDisable: rgba(204, 204, 204, 0.5);
@button-span-default-color: #858585;
@grayButtonTextColor: #FAFAFA;
@itemRowButtonTextColor: #FAFAFA;

@loader-gif-32: "loader-dark-32.svg";
@loader-gif-16: "loader-dark-16.svg";
@loader-gif-48: "loader-dark-48.svg";

@on-off-on-button-before-bg: #FFFFFF;
@on-off-on-button-after-bg: #505050;
@on-off-on-button-after-bor: #666666;


@on-off-off-button-before-bg: #333333;
@on-off-off-button-before-color: #858585;
@on-off-off-button-before-bor: 1px solid #474747;
@studio-top-panel-svg: #606060;
@product-menu-active-icon: rgba(255, 255, 255, 0.92);
@plusOnGrayBtn: #BDBDBD;
@top-item-box-hover: #CCCCCC;
@link-plus-after: #bdbdbd;
@a-link-describe: #F58D31;
@menu-addblock-color: rgba(255, 255, 255, 0.92);
@textColorGrayDark: #bdbdbd;
@info-box-excl-bg: #404040;
@info-box-excl-bor: 1px solid #505050;
@info-box-excl-close: url('@{imagesBaseUrl}dark-close.png');


// Loader style
// -------------------------

//ronb red
@loader-romb-red-col: #FF6F3D;
@loader-romb-red-col10: #333;
@loader-romb-red-col20: #333;
@loader-romb-red-col30: #323032;

//romb green
@loader-romb-green-col: #95C038;
@loader-romb-green-col10: #333;
@loader-romb-green-col25: #323032;
@loader-romb-green-col30: #323032;

//romb blue
@loader-romb-blue-col: #5DC0E8;
@loader-romb-blue-col10: #333;
@loader-romb-blue-col45: #323032;

@loader-page-text-color: #83888D;

@subscription-dscr: #3A3A3A;
@saas-tariffs-line: #242424;
@subscription-period-bor: #242424;
@loader-managament-16: "loader-dark-16.svg";

@progress-wrapper: #858585;
@textEditCalendarDisabled: rgba(255, 255, 255, 0.92);
@popupContainerHeaderBlock: #404040;

@error-popup-col: #404040;
@error-popup-bor: 1px solid #505050;
@error-popup-close-col: #BDBDBD;
@ui-autocomplete-a-col: rgba(255, 255, 255, 0.92);
@input-disabled-col: rgba(255, 255, 255, 0.92);
@okBox-bg: #474747;
@okBox-col: #85C752;
@okBox-bor: #85C752;
@notify-panel-info-bg: #404040;
@notify-panel-error-bg: #474747;
@notify-panel-succes-bg: #474747;
@notify-panel-info-bor: 1px solid #505050;
@notify-panel-error-bor: 1px solid #DF8A70;
@notify-panel-succes-bor: 1px solid #85C752;
@icon-arrow: "icon_arrow_light.svg";
@toggle-switcher-bg: #292929;
@pwdloginTextbox-col: rgba(255, 255, 255, 0.92);
@action-panel-context-bg: #BDBDBD;
@user-avatar-svg: "user_avatar_dark.svg";
@EmptyDocumentPanel-a: #3DB8EC;
@emailselector-item-error: #C76E52;
@emailselector-item-hover: #333;
@jqCron-selector-title-bor: #474747;
@ldap-color: #FFB45E;
@greyPhoneButtonTextColor:#333;
@settings-help-block-p: #83888D;
@email-warning: #83888D;
@dropdown-items-svg-col: #858585;
@default-documents-image: "product_logolarge_dark.svg";
@requiredField-col: #E84D4D;
@clearFilterButton: #BDBDBD;
@adv-filter-item-group: #858585;
@adv-filter-container-bor: #EFEFEF;
@pencil-gray: "pencilgraydark.svg";
@black-text: rgba(255, 255, 255, 0.92);
@apps-list-bc: #fff;
@talk-overview-bor-col: #505050;
@feed-list-bor-col: #505050;
@advansed-filter-hint-after: #858585;
@adv-filter-button-bor-col: #474747;
@feed-svg-bc: #83888D;
@feedblack-svg-bc: #cccccc;
@webkit-scrollbar-thumb: #666666;
@webkit-scrollbar-track: #404040;
@place-holder-col: rgba(255, 255, 255, 0.2);
@access-rights-container: #505050;
@border-popup-color: #2A2A2A;
@access-comment: "access_comment_dark.svg";
@access-owner: "access_owner_dark.svg";
@access-full: "access_full_dark.svg";
@access-read: "access_read_dark.svg";
@access-deny: "access_deny_dark.svg";
@access-varies: "access_varies_dark.svg";
@access-review: "access_review_dark.svg";
@access-form: "access_form_dark.svg";
@access-filter: "access_filter_dark.svg";
@trash-svg: "trash_dark.svg";
@group-avatar: "group_avatar_dark.svg";
@social-icons-grey: "social-icons-grey-dark.svg";
@empty-screen-color: #bdbdbd;
@drop-down-arrow-col: #999999;
@unlock-action-disable: #999999;

@toastr-success-container-col: #A2E072;
@toastr-success-container-bg: #474747;
@toastr-success-container-bor: 1px solid #A2E072;

@toastr-error-container-col: #DF8A70;
@toastr-error-container-bg: #474747;
@toastr-error-container-bor: 1px solid #DF8A70;

@img-toastr: @img-change-url;

//mediaplayer
@jp-volume-bar-value-bg: #bdbdbd;
@jp-volume-bar-value-span-bg: #f2f2f2;